// 此文件为全局的scss ，任意页面皆可使用当前页面方法和属性
$blue: #3799fa;

@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar($w: 2px,$bg: #d3dce6, $active: #99a9bf) {
  &::-webkit-scrollbar-track-piece {
    background: $bg;
    width: $w;
  }

  &::-webkit-scrollbar {
    width: $w;
    height: $w;
  }

  &::-webkit-scrollbar-thumb {
    background: $active;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin zihang($size: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: $size;
  -webkit-box-orient: vertical;
}

@mixin size($size: 1px) {
  width: $size;
  height: $size;
  border-radius: 50%;
  overflow: hidden;
}

.imgs {
  overflow: hidden;
  line-height: 1;

  .img {
    width: 100%;
    transition: all 0.7s;
    vertical-align: middle;
    height: auto;
  }

  &:hover .img {
    transform: scale(1.05);
  }
}
